<template>
  <div class="plan-list bg-c-base">
    <h1 class="mt-2">区域销售大盘环比分析</h1>
    <hy-table :columns="config.columns" :data="config.data"> </hy-table>
  </div>
</template>

<script>
import HyTable from '@/components/HyTable';
import { reactive } from 'vue';

export default {
	name : 'PlanList',
	components : {
		HyTable,
	},
	setup () {
		let config = reactive({
			columns : [
				{
					title : '#',
					width : 50,
					isSerialNumber : true,
				},
				{
					title : '城市订单量',
					field : 'orderCount',
				},
				{
					title : '店铺数',
					field : 'shopCount',
				},
				{
					title : '接单骑手人数',
					field : 'riderOrder',
				},
				{
					title : '新店铺数量',
					field : 'newShopCount',
				},
				{
					title : '人均订单量',
					field : 'ordersPerCapita',
				},
			],
			data : [
				{
					orderCount : '成都-1',
					shopCount : '10000',
					riderOrder : '24',
					newShopCount : '200',
					ordersPerCapita : '3',
				},
				{
					orderCount : '成都-2',
					shopCount : '10000',
					riderOrder : '24',
					newShopCount : '200',
					ordersPerCapita : '3',
				},
				{
					orderCount : '成都-3%',
					shopCount : '10000',
					riderOrder : '24',
					newShopCount : '200',
					ordersPerCapita : '3',
				},
				{
					orderCount : '成都-4%',
					shopCount : '10000',
					riderOrder : '24',
					newShopCount : '200',
					ordersPerCapita : '3',
				},
				{
					orderCount : '成都-5%',
					shopCount : '10000',
					riderOrder : '24',
					newShopCount : '200',
					ordersPerCapita : '3',
				},
				{
					orderCount : '成都-6%',
					shopCount : '10000',
					riderOrder : '24',
					newShopCount : '200',
					ordersPerCapita : '3',
				},
				{
					orderCount : '成都-7%',
					shopCount : '10000',
					riderOrder : '24',
					newShopCount : '200',
					ordersPerCapita : '3',
				},
				{
					orderCount : '成都-8%',
					shopCount : '10000',
					riderOrder : '24',
					newShopCount : '200',
					ordersPerCapita : '3',
				},
				{
					orderCount : '成都-9%',
					shopCount : '10000',
					riderOrder : '24',
					newShopCount : '200',
					ordersPerCapita : '3',
				},
				{
					orderCount : '成都-10%',
					shopCount : '10000',
					riderOrder : '24',
					newShopCount : '200',
					ordersPerCapita : '3',
				},
				{
					orderCount : '成都-11%',
					shopCount : '10000',
					riderOrder : '24',
					newShopCount : '200',
					ordersPerCapita : '3',
				},
				{
					orderCount : '成都-12%',
					shopCount : '10000',
					riderOrder : '24',
					newShopCount : '200',
					ordersPerCapita : '3',
				},
				{
					orderCount : '成都-13%',
					shopCount : '10000',
					riderOrder : '24',
					newShopCount : '200',
					ordersPerCapita : '3',
				},
			],
		});
		return {
			config,
		};
	},
};
</script>

<style lang="scss" scoped>
.plan-list {
  padding: 20px;
  height: 1000px;
  box-sizing: border-box;
}
.mt-2{
  margin-bottom: 10px;
}
</style>
